<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>扫码支付</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"  content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" type="text/css" href="../resources/styles/pinus.css">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <style>
        /*CSS源代码*/
        .loading {
            position: absolute;
            left: 50%;
            top: 78%;
            margin: -60px 0 0 -60px;
            background: #fff;
            width: 100px;
            height: 100px;
            border-radius: 100%;
            border: 3px solid #A6EDB2;
        }
        .loading:after {
            content: '';
            background: trasparent;
            width: 140%;
            height: 140%;
            position: absolute;
            border-radius: 100%;
            top: -20%;
            left: -20%;
            opacity: 0.7;
            box-shadow: rgba(255, 165, 0, 0.5) -4px -5px 3px -3px;
            animation: rotate 1s infinite linear;
        }
        .loading:before {
            content: '正在支付';
            background: trasparent;
            width: 140%;
            height: 140%;
            position: absolute;
            top: 36%;
            left: 20%;
        }
        @keyframes rotate {
            0% {
                transform: rotateZ(0deg);
            }
            100% {
                transform: rotateZ(360deg);
            }
        }

    </style>
</head>

<body>
<header>
    <div class="h_content">
        <span></span>
    </div>
</header>
<section class="block">
    <div class="content2">
        <div class="app">
            <span class="iphone"><img src="../resources/img/bgpic.jpg" width="100%" height="auto"></span>
            <label class="text_amount" style="font-size: 12pt;display: none;">
			            通行费金额  <b  id="amount" style="margin-left: 20px;font-style: normal;font-size: 1.6em;">${data.mhtOrderAmtStr}</b>元
				<form action="https://pay.ipaynow.cn/" METHOD=POST>
					功能码：<input type=text name="funcode" value="${data.funcode}" /><br>
					应用ID:<input type=text name="appId" value="${data.appId}" /><br>
					商户订单号：<input type=text name="mhtOrderNo" value="${data.mhtOrderNo}" /><br>
					商户订单名称：<input type=text name="mhtOrderName" value="${data.mhtOrderName}" /><br>
					版本号：<input type=text name="version" value="${data.version}" /><br>
					币种：<input type=text name="mhtCurrencyType" value="156" /><br>
					金额：<input type=text name="mhtOrderAmt" value="${data.mhtOrderAmt}" /><br>
					订单详情：<input type=text name="mhtOrderDetail" value="${data.mhtOrderDetail}" /><br>
					订单类型：<input type=text name="mhtOrderType" value="${data.mhtOrderType}" /><br>
					订单时间：<input type=text name="mhtOrderStartTime" value="${data.mhtOrderStartTime}" /><br>
					后台通知URL：<input type=text name="notifyUrl" value="${data.notifyUrl}" /><br>
					前台通知URL：<input type=text name="frontNotifyUrl" value="${data.frontNotifyUrl}" /><br>
					字符集：<input type=text name="mhtCharset" value="UTF-8" /><br>
					设备类型：<input type=text name="deviceType" value="${data.deviceType}" /><br>
					输出格式：<input type=text name="outputType" value="${data.outputType}" /><br>
					商户保留域：<input type=text name="mhtReserved" value="${data.mhtReserved}"><br>
					支付渠道：<input type=text name="payChannelType" value="${data.payChannelType}"><br>
					签名类型：<input type=text name="mhtSignType" value="${data.mhtSignType}" /><br>
					数字签名：<input type=text name="mhtSignature" value="${data.mhtSignature}" /><br>
					<button id="bsub" type=submit>确认订单</button>
				</form>
            </label>

            <div class="ch" >
                <span  id="status" >  </span>
                <div class="loading" id="payloading" ></div>
            </div>
        </div>
    </div>
</section>
<script src="../resources/js/pingpp.js" type="text/javascript"></script>
<script type="text/javascript">
	window.onload=function(){
		var bsub = document.getElementById("bsub");
		if('${data.mhtOrderAmtStr}'){
			bsub.click();
		}else{
			alert('交易失败，请使用微信或支付宝扫码。');
		}
	}
</script>
</body>
</html>
